<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <!--<nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)">-->
    <!--<nz-tab nzTitle="全部订单"></nz-tab>-->
    <!--<nz-tab nzTitle="草稿"></nz-tab>-->
    <!--<nz-tab nzTitle="待提交"></nz-tab>-->
    <!--<nz-tab nzTitle="已提交"></nz-tab>-->
    <!--<nz-tab nzTitle="已审批"></nz-tab>-->
    <!--<nz-tab nzTitle="已分配"></nz-tab>-->
    <!--<nz-tab nzTitle="已垫款"></nz-tab>-->
    <!--<nz-tab nzTitle="已抵押"></nz-tab>-->
    <!--<nz-tab nzTitle="已提交银行"></nz-tab>-->
    <!--<nz-tab nzTitle="已放款"></nz-tab>-->
    <!--<nz-tab nzTitle="已结清"></nz-tab>-->
    <!--<nz-tab nzTitle="已删除"></nz-tab>-->
    <!--<nz-tab nzTitle="已拒绝"></nz-tab>-->
  <!--</nz-tabset>-->
  <ng-template #extraTemplete>
    <nz-dropdown >
        <button nz-button nz-dropdown>添加订单<i class="anticon anticon-down"></i></button>
        <ul nz-menu>
          <li nz-menu-item>
            <a (click)="gotoAdd()"><i class="anticon anticon-plus"></i> 添加</a>
          </li>

        </ul>
    </nz-dropdown>

  </ng-template>

  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入订单编号" [(ngModel)]="q.orderNo" name="orderNo">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
        <nz-col nzMd="4" nzSm="24">
            <nz-form-item>
                <nz-form-control>
                    <input type="text" nz-input placeholder="输入客户姓名" [(ngModel)]="q.cusName" name="cusName">
                </nz-form-control>
            </nz-form-item>
        </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入电话" [(ngModel)]="q.cusMobile" name="cusMobile">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入身份证号" [(ngModel)]="q.cusIncard" name="cusMobile">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
        <!--<nz-col nzMd="4" nzSm="24">-->
            <!--<nz-form-item>-->
              <!--<nz-form-label nzFor="brand">产品</nz-form-label>-->
              <!--<nz-form-control>-->
                <!--<nz-select [nzPlaceHolder]="'全部产品'" nzAllowClear [(ngModel)]="q.proNo" name="proNo">-->
                  <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
                <!--</nz-select>-->
              <!--</nz-form-control>-->
            <!--</nz-form-item>-->
        <!--</nz-col>-->


        <nz-col nzMd="3" nzSm="24">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
    </nz-row>
  </form>
</nz-card>



<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
              [scroll]="{  x: '1300px' }"
    (checkboxChange)="checkboxChange($event)"
    >

</simple-table>

<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
  <ng-template #modalContent>
    <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
  </ng-template>
</nz-modal>


</nz-spin>
